<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../../../css/index.css" />
</head>
<style>
	.warp{width: 100%;}
    .info-box{width: 100%;padding: 0 15px;box-sizing: border-box;background: #ffffff;}
    .info-box .info-one{height: 50px;align-items: center;font-size: 14px;color: #333333;}
    .info-box .info-one .t{padding-right: 20px;box-sizing: border-box;}
    .info-box .info-one .r{color: #666666;}
    .info-box .sta-box{width: 100%;}
    .info-box .sta-box .t{height: 50px;font-size: 14px;color: #333333;line-height: 50px;}
    .info-box .sta-box .sta-list{width: 100%}
    .info-box .sta-box .sta-list .sta-one{width: 100%;padding-bottom: 20px;position: relative;}
    .info-box .sta-box .sta-list .sta-one .img-box{width: 20px;z-index: 2;}
    .info-box .sta-box .sta-list .sta-one .img-box img{width: 20px;height:20px;margin-top:-4px;}
    .info-box .sta-box .sta-list .sta-one .text{padding-left: 10px;box-sizing: border-box;}
    .info-box .sta-box .sta-list .sta-one .text .t1{font-size: 14px;color: #333333;line-height: 14px;}
    .info-box .sta-box .sta-list .sta-one .text .time{font-size: 12px;color: #999999;padding-top: 6px;}

    .info-box .sta-box .sta-list .sta-one::after{display: block;content: '';width: 1px;height: 50px;background:#f2f2f2;position: absolute;top: 0;left: 9px;}
    .info-box .sta-box .sta-list .sta-one:last-child::after{display: none;}
    .info-box .sta-box .sta-list .sta-one.on .text .t1{font-size: 14px;color: #FF9502;line-height: 14px;}
    .info-box .sta-box .sta-list .sta-one.on .text .time{font-size: 12px;color: #FF9502;padding-top: 6px;}

</style>
<body>
    <div id="vue" class="warp">
        <div class="info-box" v-if="Pdata.money">
            <div class="info-one flex border-bottom">
                <div class="t">提现金额</div>
                <div class="r flex1"><i v-text="Pdata.money"></i>元</div>
            </div>
            <div class="info-one flex border-bottom">
                <div class="t">账户信息</div>
                <div class="r flex1" v-if="Pdata.payway == 'alipay'" v-text="Pdata.txinfo.account"></div>
                <div class="r flex1" v-if="Pdata.payway == 'bankcard'" v-text="Pdata.txinfo.bankName"></div>
                <div class="r flex1" v-if="Pdata.payway == 'wxpay'" >微信登录账号</div>
            </div>
            <div class="sta-box border-bottom">
                <div class="t">处理进度</div>
                <div class="sta-list">
                    <div class="sta-one flex on">
                        <div class="img-box"><img src="../../../image/main3/store/tx_sta3.png" alt=""></div>
                        <div class="text flex1">
                            <div class="t1">审核中</div>
                            <div class="time" v-text="Pdata.addtime"></div>
                        </div>
                    </div>
                    <div :class="['sta-one flex',Pdata.sta == 2 ? 'on':'']" v-if="Pdata.sta != 3">
                        <div class="img-box"><img src="../../../image/main3/store/tx_sta1.png" alt=""></div>
                        <div class="text flex1">
                            <div class="t1">审核通过</div>
                            <div class="time" v-if="Pdata.endtime" v-text="Pdata.endtime"></div>
                        </div>
                    </div>
                    <div :class="['sta-one flex',Pdata.sta == 2 ? 'on':'']" v-if="Pdata.sta != 3">
                        <div class="img-box">
                            <img v-if="Pdata.sta == 1" src="../../../image/main3/store/tx_sta2.png" alt="">
                            <img v-if="Pdata.sta == 2" src="../../../image/main3/store/tx_sta4.png" alt="">
                        </div>
                        <div class="text flex1">
                            <div class="t1">已到账</div>
                            <div class="time" v-if="Pdata.endtime" v-text="Pdata.endtime"></div>
                        </div>
                    </div>
                    <div class="sta-one flex" v-if="Pdata.sta == 3">
                        <div class="img-box"><img src="../../../image/main3/store/tx_sta5.png" alt=""></div>
                        <div class="text flex1">
                            <div class="t1">审核拒绝</div>
                            <div class="time" v-if="Pdata.endtime" v-text="Pdata.endtime"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="info-one flex">
                <div class="t">创建时间</div>
                <div class="r flex1" v-text="Pdata.addtime"></div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../../script/base.min.js" id="loadjs" data-js="L/swiper.min,L/lazyload,L/h-tool"></script>
<script type="text/javascript">

	define(function (require, exports, module) {

        var stype = pageParam.type;
        var url = {
            "store":{
                "show":'store/Tixian/apply_show',
            },
            "company":{
                "show":'company/Tixian/apply_show',
            },
        }

        _page.getData = function(loading) {
            lanYun.getVueData({url:url[stype].show,get:{page:lanYun.page,id:pageParam.id},cache:false,loading:loading},function(ret) {
                //console.log(JSON.stringify(ret));
            });
        };

		lanYun.newVue('#vue',{},function() {
			_page.getData(2);
	    });

	});

</script>

</html>
